<template>
    <div class="home">
        <ul class="list">
            <li v-for="item, index in state.ArticleList" :key="index">
                <a-typography-title :level="3">{{ item.link_title }}</a-typography-title>
                <a-typography-paragraph type="secondary"> <a :href="item.link_url">{{ item.link_url }}</a>
                </a-typography-paragraph>
            </li>
        </ul>
    </div>
</template>
  
<script setup lang="ts">
import { RouterLink } from 'vue-router';
import { linkList } from "@/types/response/home";
import { onMounted, reactive, toRefs } from "vue";
import http, { format } from "@/utils";


const state: {
    ArticleList: linkList[]
} = reactive({
    ArticleList: []
})

onMounted(() => {
    getLinkList()
})



let getLinkList = async () => {
    state.ArticleList = await http.linkList();
    console.log("789797987: ", state.ArticleList);
}
</script>
  
  
  
  
<style lang="less" scoped>
@import "@page/Home.less";
</style>